<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" href="css/jxtpro.css" />
		<script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
		<script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	</head>
	<body>
		<button id="upload" style="padding: 150px 0px;">测试版本-打开</button><button id="upload_close">测试版本-关闭</button>
		
		<div class="jxtpro">
			<div class="jxtpro_dialog" >
			<div class="jxtpro_dialog_top">
				<div class="photo_top">
					<div class="photo_top_title">选择图片</div>
					<div class="photo_top_opt">
						<div class="opt_del">删除</div>
						<div class="opt_upload">上传图片</div>
						<img class="opt_cancel" src="img/cancel.png"></img>
					</div>
				</div>
			</div>
			<div class="jxtpro_dialog_center">
				<div class="photo_center_left">
					<div class="group">
						
						<div class="add_group">
							<div class="add_group_title"><span>+</span>新建分类</div>
						</div>
					</div>
				</div>
				<div class="photo_center_right">
					<div class="photo_content">
					</div>
				</div>
			</div>
			<div class="jxtpro_dialog_bottom">
				<div class="photo_bottom">
					<div class="photo_bottom_info">已选2个,可选100</div>
					<div class="photo_bottom_ensure">
						<div class="ensure">确定</div>
						<div class="cancel">取消</div>
					</div>
				</div>
			</div>
			
		</div>
			
		</div>
	</body>
	<script type="text/javascript" src="js/jxtpro.js" ></script>
	<script>
		jxtpro.init();
		$('#upload').click(function(){
			jxtpro.open();
		});
		jxtpro.del("#opt_del","click",function(){
			alert("测试成功");
		});
	</script>
</html>
